.content {
  padding-bottom: .9rem;
  padding-top: .98rem;
}
.content .swiper-container img {
  width: 7.5rem;
  height: 3.2rem;
}
.content .swiper-container .swiper-pagination {
  bottom: .22rem;
  font-size: 0;
}
.content .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
  background: #fff;
  display: inline-block;
  text-align: center;
  border: 2px solid #cfbb99;
  opacity: 1;
}
.content .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #cfbb99;
  opacity: 1;
}
.content .myNav {
  padding: .09rem .28rem .15rem;
}
.content .myNav li {
  float: left;
  text-align: center;
  margin: .24rem .32rem 0;
}
.content .myNav li a img {
  width: 1.09rem;
  height: 1.09rem;
}
.content .myNav li a span {
  color: #414040;
  font-size: .26rem;
  display: block;
  line-height: .6rem;
}
.content .line {
  background: #4383ef;
  height: .2rem;
  width: 100%;
}
.content .timeLimit {
  padding-left: .2rem;
}
.content .timeLimit .left {
  float: left;
  padding-top: .26rem;
  border-right: 1px solid #c8c8c8;
  width: 3.55rem;
  padding-bottom: .1rem;
}
.content .timeLimit .left a .title {
  color: #da2626;
  font-size: .34rem;
  background: url("../img/bg03.png") no-repeat left top;
  background-size: .43rem;
  padding-left: .63rem;
  line-height: .34rem;
  padding-top: .14rem;
  padding-bottom: .1rem;
}
.content .timeLimit .left a .info {
  color: #888;
  font-size: .24rem;
  line-height: .5rem;
}
.content .timeLimit .left a .timing {
  height: .43rem;
  margin: .18rem 0 .22rem 0;
}
.content .timeLimit .left a .timing p {
  width: .62rem;
  line-height: .43rem;
  background: #000;
  font-size: .3rem;
  color: #fff;
  text-align: center;
  float: left;
}
.content .timeLimit .left a .timing span {
  width: .15rem;
  height: .43rem;
  display: block;
  float: left;
  background: url("../img/pic11.png") no-repeat;
  background-size: 100%;
}
.content .timeLimit .left a .proPic {
  height: 2.13rem;
  position: relative;
}
.content .timeLimit .left a .proPic img {
  width: 1.79rem;
  height: 2.13rem;
  position: absolute;
  left: 0;
  top: 0;
}
.content .timeLimit .left a .proPic p {
  position: absolute;
  top: -0.08px;
  padding: .28rem 0;
  left: 1.75rem;
  width: 1.07rem;
  border-radius: 50%;
  text-align: center;
  background: #ed4d4d;
  font-size: .2rem;
  color: #fff;
}
.content .timeLimit .left a .proPic p span {
  display: block;
  line-height: .26rem;
}
.content .timeLimit .right {
  float: left;
}
.content .timeLimit .right .top,
.content .timeLimit .right .down {
  position: relative;
  padding-left: .05rem;
  width: 3.54em;
  height: 2.01em;
  padding-top: .16rem;
}
.content .timeLimit .right .top h6,
.content .timeLimit .right .down h6 {
  font-size: .28rem;
  color: #000;
  line-height: .38rem;
}
.content .timeLimit .right .top p,
.content .timeLimit .right .down p {
  font-size: .24rem;
  line-height: .34rem;
}
.content .timeLimit .right .top img,
.content .timeLimit .right .down img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.content .timeLimit .right .top {
  border-bottom: 1px solid #c8c8c8;
}
.content .timeLimit .right .top p {
  color: #4383ef;
}
.content .timeLimit .right .top img {
  width: 1.98rem;
  height: 1.63rem;
}
.content .timeLimit .right .down p {
  color: #c2bbbb;
}
.content .timeLimit .right .down img {
  width: 3.48rem;
  height: 1.23rem;
}
.content .newTitleBackground {
  background: url("../img/bg04.png") no-repeat;
  width: 7.5rem;
  height: .9rem;
  background-size: 100%;
  margin-top: .37rem;
}
.content .newTitleBackground .titleInfo {
  width: 2.88rem;
  height: .86rem;
  margin: 0 auto;
  position: relative;
  background: url("../img/bg05.png") no-repeat right;
  background-size: .35rem .41rem;
}
.content .newTitleBackground .titleInfo p {
  position: absolute;
  left: .02rem;
  top: 0;
  width: .56rem;
  line-height: .34rem;
  padding-top: .07rem;
  background: #4383ef;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.content .newTitleBackground .titleInfo h6 {
  line-height: .92rem;
  text-align: center;
  font-size: .36rem;
  color: #000;
}
.content .newPro {
  width: 7.1rem;
  margin: .32rem auto 0;
}
.content .newPro li {
  background: #fff;
  position: relative;
  float: left;
  margin-right: .34rem;
  margin-bottom: .42rem;
  box-shadow: 0.04rem 0.04rem 0.03rem rgba(0, 0, 0, 0.3);
}
.content .newPro li .hornPic {
  width: .98rem;
  height: .57rem;
  background: url("../img/bg08.png") no-repeat;
  background-size: .98rem .57rem;
  position: absolute;
  top: -0.02rem;
  left: -0.02rem;
}
.content .newPro li a {
  display: block;
  width: 2.14rem;
}
.content .newPro li a img {
  width: 2.14rem;
  height: 2.14rem;
}
.content .newPro li a .newInfo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-size: .24rem;
}
.content .newPro li a .price {
  color: #e21212;
  font-size: .24rem;
}
.content .newPro li a .price span {
  font-size: .36rem;
}
.content .newPro li .shopCartBtn {
  display: block;
  width: .34rem;
  position: absolute;
  right: .12rem;
  bottom: .16rem;
  height: .30rem;
  background: url("../img/bg09.png") no-repeat;
  background-size: .34rem .3rem;
}
.content .newPro li:nth-of-type(3n) {
  margin-right: 0;
}
.content .hotTitleBackground {
  background: url("../img/bg04.png") no-repeat;
  width: 7.5rem;
  height: .9rem;
  background-size: 100%;
  margin-top: .14rem;
  margin-bottom: .32rem;
}
.content .hotTitleBackground .titleInfo {
  width: 2.88rem;
  height: .86rem;
  margin: 0 auto;
  position: relative;
  background: url("../img/bg06.png") no-repeat right;
  background-size: .42rem .48rem;
}
.content .hotTitleBackground .titleInfo p {
  position: absolute;
  left: .02rem;
  top: 0;
  width: .56rem;
  line-height: .34rem;
  padding-top: .07rem;
  background: #ed4d4d;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.content .hotTitleBackground .titleInfo h6 {
  line-height: .92rem;
  text-align: center;
  font-size: .36rem;
  color: #000;
}
.content .hotPro {
  padding: 0 .2rem;
}
.content .hotPro .hotProTop .hotProFocus {
  border: 1px solid #c8c8c8;
  position: relative;
  float: left;
}
.content .hotPro .hotProTop .hotProFocus a {
  display: block;
  width: 1.7rem;
  padding-left: 2.93rem;
  height: 3.18rem;
}
.content .hotPro .hotProTop .hotProFocus a img {
  position: absolute;
  width: 2.88rem;
  height: 2.88rem;
  top: -0.13rem;
  left: 0;
  box-shadow: 0.05rem 0.06rem 0.05rem rgba(0, 0, 0, 0.3);
}
.content .hotPro .hotProTop .hotProFocus a .Angle {
  width: 0;
  height: 0;
  border-top: .12rem solid transparent;
  border-left: .08rem solid #7b7b7b;
  border-bottom: 0 solid transparent;
  position: absolute;
  top: -0.13rem;
  left: 2.88rem;
}
.content .hotPro .hotProTop .hotProFocus a .hotProFocusInfo {
  padding-top: .65rem;
  color: #000;
  font-size: .24rem;
  text-align: center;
  line-height: .42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .hotPro .hotProTop .hotProFocus a .hotProFocusInfo span {
  display: block;
}
.content .hotPro .hotProTop .hotProFocus a .hotProPrice {
  width: 1.37rem;
  height: .88rem;
  background: #ed4d4d;
  margin: .3rem auto 0;
  border-radius: .08rem;
  text-align: center;
  padding-top: .09rem;
}
.content .hotPro .hotProTop .hotProFocus a .hotProPrice .price {
  color: #fff;
  font-size: .24rem;
  line-height: .42rem;
}
.content .hotPro .hotProTop .hotProFocus a .hotProPrice .price span {
  font-size: .36rem;
}
.content .hotPro .hotProTop .hotProFocus a .hotProPrice .prompt {
  line-height: .39rem;
  color: #fff;
  font-size: .24rem;
}
.content .hotPro .hotProTop .hotProInfo {
  width: 2.18rem;
  height: 3.18rem;
  border: 1px solid #c8c8c8;
  position: relative;
  float: right;
}
.content .hotPro .hotProTop .hotProInfo .hornPic {
  width: .98rem;
  height: .57rem;
  background: url("../img/bg10.png") no-repeat;
  background-size: .98rem .57rem;
  position: absolute;
  top: -0.01rem;
  left: -0.01rem;
}
.content .hotPro .hotProTop .hotProInfo a {
  display: block;
  width: 2.14rem;
}
.content .hotPro .hotProTop .hotProInfo a img {
  width: 2.14rem;
  height: 2.14rem;
}
.content .hotPro .hotProTop .hotProInfo a .newInfo {
  color: #000;
  font-size: .24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .hotPro .hotProTop .hotProInfo a .price {
  color: #e21212;
  font-size: .24rem;
}
.content .hotPro .hotProTop .hotProInfo a .price span {
  font-size: .36rem;
}
.content .hotPro .hotProTop .hotProInfo .shopCartBtn {
  display: block;
  width: .34rem;
  position: absolute;
  right: .12rem;
  bottom: .16rem;
  height: .30rem;
  background: url("../img/bg09.png") no-repeat;
  background-size: .34rem .3rem;
}
.content .hotPro .hotProDown {
  margin-top: .23rem;
}
.content .hotPro .hotProDown .hotProDownMain {
  position: relative;
  float: left;
  width: 3.4rem;
}
.content .hotPro .hotProDown .hotProDownMain .hornPic {
  width: .98rem;
  height: .57rem;
  background: url("../img/bg10.png") no-repeat;
  background-size: .98rem .57rem;
  position: absolute;
  top: -0.01rem;
  left: -0.01rem;
}
.content .hotPro .hotProDown .hotProDownMain a {
  display: block;
  width: 3.4rem;
}
.content .hotPro .hotProDown .hotProDownMain a img {
  width: 3.38rem;
  height: 2.36rem;
  border: 1px solid #c8c8c8;
}
.content .hotPro .hotProDown .hotProDownMain a .newInfo {
  color: #000;
  text-align: center;
  font-size: .24rem;
  width: 100%;
  line-height: .42rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .hotPro .hotProDown .hotProDownMain a .price {
  color: #e21212;
  font-size: .24rem;
  line-height: .55rem;
}
.content .hotPro .hotProDown .hotProDownMain a .price span {
  font-size: .36rem;
}
.content .hotPro .hotProDown .hotProDownMain .shopCartBtn {
  display: block;
  width: .34rem;
  position: absolute;
  right: .12rem;
  bottom: .15rem;
  height: .30rem;
  background: url("../img/bg09.png") no-repeat;
  background-size: .34rem .3rem;
}
.content .hotPro .hotProDown .hotProDownMain:last-child {
  float: right;
}
.content .likeTitleBackground {
  background: url("../img/bg04.png") no-repeat;
  width: 7.5rem;
  height: .9rem;
  background-size: 100%;
  margin-top: .3rem;
  margin-bottom: .37rem;
}
.content .likeTitleBackground .titleInfo {
  width: 2.88rem;
  height: .86rem;
  margin: 0 auto;
  position: relative;
  background: url("../img/bg07.png") no-repeat right;
  background-size: .39rem .35rem;
}
.content .likeTitleBackground .titleInfo p {
  position: absolute;
  left: .02rem;
  top: 0;
  width: .56rem;
  line-height: .34rem;
  padding-top: .07rem;
  background: #e843bb;
  color: #fff;
  font-size: .24rem;
  text-align: center;
}
.content .likeTitleBackground .titleInfo h6 {
  line-height: .92rem;
  text-align: center;
  font-size: .36rem;
  color: #000;
}
.content .likePro {
  padding: 0 .2rem .14rem;
}
.content .likePro .likeProList {
  position: relative;
  background: url("../img/bg11.png");
  background-size: 7.1rem 2.83rem;
  margin-bottom: .64rem;
}
.content .likePro .likeProList a {
  display: block;
  padding: 0 .2rem .85rem 3.07rem;
}
.content .likePro .likeProList a .Angle {
  width: 0;
  height: 0;
  border-top: .1rem solid transparent;
  border-bottom: 0 solid transparent;
  border-right: .08rem solid #4f4e4e;
  position: absolute;
  top: -0.1rem;
  left: .1rem;
}
.content .likePro .likeProList a img {
  width: 2.75rem;
  height: 2.6rem;
  position: absolute;
  left: .18rem;
  top: -0.1rem;
}
.content .likePro .likeProList a .likeProInfo {
  font-size: .24rem;
  color: #f0f0f0;
  padding-top: .56rem;
  line-height: .36rem;
}
.content .likePro .likeProList a .price {
  width: 1.6rem;
  height: .5rem;
  background: #fff;
  text-indent: .1rem;
  margin-top: .22em;
  line-height: .5rem;
  color: #ff0000;
  font-size: .24rem;
}
.content .likePro .likeProList a .price span {
  font-size: .36rem;
}
.content .likePro .likeProList:nth-of-type(2) a {
  display: block;
  padding: 0 3.07rem .85rem .2rem;
  overflow: hidden;
}
.content .likePro .likeProList:nth-of-type(2) a .Angle {
  left: inherit;
  right: 2.98rem;
}
.content .likePro .likeProList:nth-of-type(2) a img {
  right: .23rem;
  left: inherit;
}
.content .likePro .likeProList:nth-of-type(2) a .likeProInfo {
  text-align: right;
}
.content .likePro .likeProList:nth-of-type(2) a .price {
  float: right;
  width: 1.6rem;
  height: .5rem;
  background: #fff;
  text-indent: .1rem;
  margin-top: .22em;
  line-height: .5rem;
  color: #ff0000;
  font-size: .24rem;
}
.content .likePro .likeProList:nth-of-type(2) a .price span {
  font-size: .36rem;
}
.content .likePro .likeProList:last-child a {
  padding: 0 .2rem .85rem 3.07rem;
}
.content .likePro .likeProList:last-child a .Angle {
  border-top: 0 solid transparent;
  border-bottom: .1rem solid transparent;
  border-right: .08rem solid #4f4e4e;
  top: inherit;
  bottom: -0.1rem;
}
.content .likePro .likeProList:last-child a img {
  top: inherit;
  bottom: -0.1rem;
}
